<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>向导组件</title>
<link href="../../css/bootstrap3.min.css" rel="stylesheet">
<link href="../../css/font-awesome.css" rel="stylesheet">
<link href="../../css/koala.css" rel="stylesheet">
<link href="../../css/koala_wizard.css" rel="stylesheet">
<script src="../../js/jquery.js" type="text/javascript"></script>
<script src="../../js/bootstrap3.min.js" type="text/javascript" ></script>
<script src="../../lib/Koala_Wizard.js" type="text/javascript" ></script>
<script type="text/javascript">
$(function(){
	$(".wizard").wizard();
});
</script>
</head>
<body>
<div id="main">
	<form action="#" method="post">
		<div class="wizard">
			<ul class="nav nav-tabs">
			  <li class="active"><a href="#">第一步</a></li>
			  <li><a href="#" >第二步</a></li>
			  <li><a href="#" >第三步</a></li>
			</ul>
	
			<div class="items">
				<div class="page">
	               <div>第一步内容</div>
	               <br/><br/><br/><br/><br/><br/><br/><br/>
	               <div class="btn_nav">
	                 	<button data-toggle="next" class="btn right btn-default">下一步&raquo;</button>
	                 	<button data-toggle="last" class="btn right btn-default">最后一步&raquo;</button>
	                 	<button data-toggle="goPage" class="btn right btn-success" id="gofirst" pageNo="10" pageId="second-step">第十页</button>
	               </div>
	            </div>
				<div class="page">
	               <div>这个是第二页</div>
	               <br/><br/><br/><br/><br/><br/><br/><br/>
	               <div class="btn_nav">
	                   <button data-toggle="prev" class="right btn btn-default" >&laquo;上一步</button>
	               	   <button data-toggle="next" class="right btn btn-default" >下一步&raquo;</button>
	               	   <button data-toggle="goPage" class="right btn btn-success" id="gofirst" pageNo="10" pageId="second-step">第十页</button>
	               </div>
	            </div>
				<div class="page">
	               <div>最后一页</div>
	               <br/><br/><br/><br/><br/><br/><br/><br/>
	               <div class="btn_nav">
	               	  <button data-toggle="prev" class="right btn btn-default" >&laquo;上一步</button>
	               	  <button data-toggle="next" class="right btn btn-default" >&laquo;下一步</button>
	               	  <button data-toggle="first" class="right btn btn-default" >&laquo;首页</button>
	               	  
	               </div>
	            </div>
			</div>
		</div>
	</form>
</div>
</body>
</html>